<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>天猫电器城</title>
	<link rel="stylesheet" href="css/shopList.css">
</head>
<body>
<!-- /*页面最顶部------开始*/ -->
<div class="pagetop">
	<div class="pagetop-content">
		<p><img src="images/shopList-Home.png"><a href="index.html">天猫首页</a><a href="login.html" target="_Blank">请登录</a><a href="register.html" target="_Blank">免费注册</a></p>
		<ul>
			<li><a href="#"><i class="iconfont icon-liebiao"></i>网站导航</a></li>
			<li><a href="#">商家支持</a></li>
			<li><a href="#">淘宝网</a></li>
			<li><a href="#"><i class="iconfont icon-shouji"></i>手机版</a></li>
			<li><a href="#">收藏夹</a></li>
			<li><a href="cart.html"><i class="iconfont icon-gouwuchexuanzhong"></i>购物车</a></li>
			<li><a href="#">我的淘宝</a></li>
		</ul>
	</div>
</div>
<!-- /*页面最顶部------结束*/ -->

<div style="clear: both;"></div>

<!-- 搜索框--------开始 -->
<div class="search-box">
	<div class="content">
		<div class="logo"><img src="images/天猫电器城.png"></div>
		<div class="search"><input type="text" id="searchInput" placeholder="搜索 天猫 商品/品牌/店铺"><input type="submit" value="搜 索" id="submitInput"></div>
		<div class="advertisting"><img src="images/天猫电器城-advertisting.jpg"></div>
	</div>
</div>
<!-- 搜索框--------结束 -->

<div style="clear: both;"></div>

<!-- 导航栏--------开始 -->
<div class="nav">
	<div class="nav-content">
		<a href="#">电器城首页</a>
		<a href="#">新首发</a>
		<a href="#">酷玩街</a>
		<a href="#">花呗分期</a>
		<a href="#">手机馆</a>
		<a href="#">苏宁易购</a>
	</div>
</div>
<div class="nav-img"><img src="images/天猫电器城nav-img.jpg"></div>
<!-- 导航栏--------结束 -->

<div style="clear: both;"></div>

<!-- banner--------开始 -->
<div class="banner">
	<div class="banner-left">
		<div class="first-item">
			<img src="images/天猫电器城-banner-first.jpg">
			<h2>HTC VIVE虚拟现实头盔</h2>
			<p class="text"><a href="#">360度沉浸式交互体验，探索超越想象的虚拟现实！不用做梦也能带你遨游世界,体验多种互动场景！</a></p>
			<p class="good"><img src="images/赞.png" width="20px" height="20px">喜欢</p>
		</div>
		<div class="sec-item">
			<div class="nav-tab-img">
				<a href="#"><img src="images/天猫商城-0nav-tab-img-1.jpg"></a>
				<a href="#"><img src="images/天猫商城-0nav-tab-img-2.jpg"></a>
			</div>
			<div class="leftBut tabBut"><img src="images/左箭头.png" width="40px" height="50px"></div>
			<div class="rightBut tabBut"><img src="images/右箭头.png" width="40px" height="50px"></div>
			<ul>
				<li id="one">1</li>
				<li id="tow">2</li>
			</ul>
		</div>
	</div>
	<div class="banner-right">
		<img src="images/天猫电器城-banner-right.jpg">
		<p class="text"><a href="#"><img src="images/天猫电器城-Show.jpg">HoverCamera的问世宣告了无人机不再是仅为航拍服务的产品，转而全面进入大众消费领域。</a></p>
		<p class="good"><img src="images/赞.png" width="20px" height="20px">   喜欢</p>
	</div>
</div>
<!-- banner--------结束 -->

<div style="clear: both;"></div>

<!-- 新品推荐--------开始 -->
<div class="new-recommend">
	<div class="title">
		<b>新品推荐</b>
		<span>新奇好玩</span>
	</div>
	<div class="content">
		<div class="item">
			<a href="#"><img src="images/天猫电器城-new-recommend-1.png"></a>
			<img class="item-logo" width='68px' height='34px' src="images/天猫电器城-new-recommend-1-logo.png">
			<div class="text">
				<h3>【6期免息】零度智控DOBBY跟拍口袋无人机 智能高清便携 礼盒版</h3>
				<p class="info">集目标跟踪、人脸识别、环绕飞行、10S轨迹视频于一身的装在口袋里的自拍无人机高配礼盒版</p>
				<p class="red"><span>￥</span>2899</p>
			</div>
		</div>


		<div class="item">
			<a href="#"><img src="images/天猫电器城-new-recommend-2.png"></a>
			<img class="item-logo" width='68px' height='34px' src="images/天猫电器城-new-recommend-2-logo.png">
			<div class="text">
				<h3>C罗sixpad健身器Abs智能健腹仪懒人健腹收腹马甲线增肌塑形腹肌帖</h3>
				<p class="info">想从“豆芽男”变身有腹肌的“肌肉型男”，男友力爆棚？想从“女神经”逆袭变成”腰精“，劲升女神？SIXPAD告诉你这一切都不是难事！</p>
				<p class="red"><span>￥</span>952</p>
			</div>
		</div>

		<div class="item">
			<a href="#"><img src="images/天猫电器城-new-recommend-3.png"></a>
			<img class="item-logo" width='68px' height='34px' src="images/天猫电器城-new-recommend-3-logo.png">
			<div class="text">
				<h3>DJI大疆精灵 Phantom 3 SE 4K智能航拍无人机 入门良选 可选CARE</h3>
				<p class="info">大疆新品Phantom 3 SE入门级无人机，4K相机，4公里遥控</p>
				<p class="red"><span>￥</span>3898</p>
			</div>
		</div>

		<div class="item">
			<a href="#"><img src="images/天猫电器城-new-recommend-4.png"></a>
			<img class="item-logo" width='68px' height='34px' src="images/天猫电器城-new-recommend-4-logo.png">
			<div class="text">
				<h3>Sphero 2.0 SPRK+游戏遥控机器人无线蓝牙智能小球可编程智力玩具</h3>
				<p class="info">通过联机的游戏和编程探索，机器人正在挑战和激发孩子们聪明的头脑。通过应用程序，可以对Spero机器人小球进行创造，编程。</p>
				<p class="red"><span>￥</span>1108</p>
			</div>
		</div>
	</div>
</div>
<!-- 新品推荐--------结束 -->

<div style="clear: both;"></div>


<!-- 新奇酷玩----------开始 -->
<div class="main">
	<div class="title">
		<span id="all-Item-But">全部</span>
		<img src="images/天猫电器城-main-title-img.png">
		<span id="cool-Item-But">新奇酷玩</span>
	</div>

<!-- 全部 -->

	<div class="allItem">
		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-1.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>78</b></div>
			<div class="text">
				<h1>iPhone6数据线苹果充电线器6s原装正品5手机x7plus8加长5s六快充线苹果线iPad冲电线加长2m智能断电iOS数据线</h1>
				<p>智能断电，延长电池寿命，防止过充，更安全！</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-2.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>124</b></div>
			<div class="text">
				<h1>公牛车载充电器 汽车点烟器式车充双USB智能快充头多功能一拖二</h1>
				<p>双USB接口，纯铜机身一体成型，精选优质芯片，智能分配输出电流，充电快速安全。</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-3.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>199</b></div>
			<div class="text">
				<h1>小米MIJIA/米家 米家恒温电热水壶智能家用烧水壶保温热水壶</h1>
				<p>高品质的白色食品级 PP 材质打造壶身壳，线条简洁美观；特别的出水口曲面设计，优化出水水流，不滴洒不飞溅，简洁、精致的外观每个角度都很美</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-4.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>3399</b></div>
			<div class="text">
				<h1>京天i5 8400/GTX1050Ti吃鸡电脑主机台式机全套游戏组装机DIY整机</h1>
				<p>升级新品7代i5 7500处理器+256G M.2固态硬盘</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-5.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>78</b></div>
			<div class="text">
				<h1>投影闹钟学生床头个性静音电子闹钟创意夜光懒人多功能儿童小闹钟</h1>
				<p>半夜醒来不想起床开灯，这款星空投影闹钟给您一片浪漫的星空，还可以看时间</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-6.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>79</b></div>
			<div class="text">
				<h1>苹果x数据线iPhone8plus安卓二合一7伸缩6s充电线器两用多用通用</h1>
				<p>苹果安卓二合一伸缩数据线，既能充苹果手机，又能充安卓手机。伸缩设计，再也不用为杂乱无序的数据线而烦恼，小巧便携，出门必备！</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-7.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>129</b></div>
			<div class="text">
				<h1>KM5808超薄无线键盘鼠标套装静音防水笔记本电脑游戏无线键鼠可爱</h1>
				<p>超薄无线键盘鼠标套装，新款好货推荐，一年质保，售后无忧</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-8.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>148</b></div>
			<div class="text">
				<h1>ETS五代 笔记本抽风式散热器侧吸式电脑散热风扇水冷14寸15.6寸17</h1>
				<p>ETS抽风散热器，智能温控；质感稳定，采用低阻力风道设计，NTC智能控制芯片......</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-9.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>999</b></div>
			<div class="text">
				<h1>小天才电话手表Y03快充防水版儿童定位智能手表手环学生手机</h1>
				<p>小天才电话手表Y03，充电十分钟，待机一整天。IPX7级深度防水，玩水都不怕。</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-10.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>799</b></div>
			<div class="text">
				<h1>Fujifilm/富士mini8 套餐含拍立得相纸  自拍照相机Lomo 熊本熊</h1>
				<p>Fujifilm/富士mini8套餐含拍立得相纸自拍照相机Lomo一次成像</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-11.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>1088</b></div>
			<div class="text">
				<h1>ShowYoung美容仪器家用脸部提拉法令纹 微电流去皱紧致秀漾导入仪</h1>
				<p>一颗蜜桃大小化妆袋收纳袋轻巧装，柔美的曲线给您更温柔的接触</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-12.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>5999</b></div>
			<div class="text">
				<h1>优必选新品阿尔法Alpha Ebot智能教育编程学习语音对话习惯养成机器人</h1>
				<p>智能编程机器人，二十万家庭素质教育信赖之选</p>
			</div>
		</div>
	</div>

<!-- 新奇酷玩 -->

	<div class="coolItem">

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-5.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>78</b></div>
			<div class="text">
				<h1>投影闹钟学生床头个性静音电子闹钟创意夜光懒人多功能儿童小闹钟</h1>
				<p>半夜醒来不想起床开灯，这款星空投影闹钟给您一片浪漫的星空，还可以看时间</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-6.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>79</b></div>
			<div class="text">
				<h1>苹果x数据线iPhone8plus安卓二合一7伸缩6s充电线器两用多用通用</h1>
				<p>苹果安卓二合一伸缩数据线，既能充苹果手机，又能充安卓手机。伸缩设计，再也不用为杂乱无序的数据线而烦恼，小巧便携，出门必备！</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-7.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>129</b></div>
			<div class="text">
				<h1>KM5808超薄无线键盘鼠标套装静音防水笔记本电脑游戏无线键鼠可爱</h1>
				<p>超薄无线键盘鼠标套装，新款好货推荐，一年质保，售后无忧</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-8.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>148</b></div>
			<div class="text">
				<h1>ETS五代 笔记本抽风式散热器侧吸式电脑散热风扇水冷14寸15.6寸17</h1>
				<p>ETS抽风散热器，智能温控；质感稳定，采用低阻力风道设计，NTC智能控制芯片......</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-9.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>999</b></div>
			<div class="text">
				<h1>小天才电话手表Y03快充防水版儿童定位智能手表手环学生手机</h1>
				<p>小天才电话手表Y03，充电十分钟，待机一整天。IPX7级深度防水，玩水都不怕。</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-10.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>799</b></div>
			<div class="text">
				<h1>Fujifilm/富士mini8 套餐含拍立得相纸  自拍照相机Lomo 熊本熊</h1>
				<p>Fujifilm/富士mini8套餐含拍立得相纸自拍照相机Lomo一次成像</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-11.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>1088</b></div>
			<div class="text">
				<h1>ShowYoung美容仪器家用脸部提拉法令纹 微电流去皱紧致秀漾导入仪</h1>
				<p>一颗蜜桃大小化妆袋收纳袋轻巧装，柔美的曲线给您更温柔的接触</p>
			</div>
		</div>

		<div class="mian-item">
			<img src="images/天猫电器城-main-item-img-12.jpg" class="shopImg">
			<div class="addCart"><img src="images/car.png" width="45px" height="45px"><span>添加进购物车</span></div>
			<div class="price"><span>¥</span><b>5999</b></div>
			<div class="text">
				<h1>优必选新品阿尔法Alpha Ebot智能教育编程学习语音对话习惯养成机器人</h1>
				<p>智能编程机器人，二十万家庭素质教育信赖之选</p>
			</div>
		</div>

	</div>
</div>
<!-- 新奇酷玩----------结束 -->

<div style="clear: both;"></div>

<div class="main-end"><i class="iconfont icon-end"></i></div>

<!-- 底部开始 -->
<div class="foot">
	<p class="foot-linkfo">
		<a href="#">关于天猫</a>
		<a href="#">帮助中心</a>
		<a href="#">开放平台</a>
		<a href="#">诚聘英才</a>
		<a href="#">联系我们</a>
		<a href="#">网站合作</a>
		<a href="#">法律申明</a>
		<a href="#">隐私权政策</a>
		<a href="#">廉正举报</a>
		<a href="#">规则意见征集</a>
	</p>

	<p class="foot-Otherlink">
		<a href="#">阿里巴巴集团</a><span>|</span>
		<a href="#">淘宝网</a><span>|</span>
		<a href="#">天猫</a><span>|</span>
		<a href="#">聚划算</a><span>|</span>
		<a href="#">全球速卖通</a><span>|</span>
		<a href="#">阿里巴巴国际交易市场</a><span>|</span>
		<a href="#">1688</a><span>|</span>
		<a href="#">阿里妈妈</a><span>|</span>
		<a href="#">飞猪</a><span>|</span>
		<a href="#">阿里云计算</a><span>|</span>
		<a href="#">AliOS</a><span>|</span>
		<a href="#">阿里通信</a><span>|</span>
		<a href="#">万网</a><span>|</span>
		<a href="#">高德</a><span>|</span>
		<a href="#">UC</a><span>|</span>
		<a href="#">友盟</a><span>|</span>
		<a href="#">虾米</a><span>|</span>
		<a href="#">钉钉</a><span>|</span>
		<a href="#">支付宝</a>
	</p>

	<div class="foot-bottom">
		增值电信业务经营许可证：<a href="#">浙B2-20110446</a>网络文化经营许可证：<a href="#">浙网文[2015]0295-065号</a><a href="#"> 12318举报</a><a href="#"> 出版物网络交易平台服务经营备案证： 新出发浙备字第001号</a><a href="#">互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com</a>互联网药品信息服务资质证书编号：<a href="#">浙-（经营性）-2017-0005</a>
		<a href="#"><img src="images/police.png">&nbsp;浙公网安备 33010002000120号</a><br>
		（浙）网械平台备字[2018]第00002号<br>
		<span>© 2003-2018 TMALL.COM 版权所有</span>
	</div>
</div>
<!-- 底部结束 -->

<div style="clear: both;"></div>

<!-- 购物车---------开始 -->

	<div class="m-sidebar">
		<div class="cart">
			<i id="end"></i>
			<span><a href="cart.html">购物车</a></span>
		</div>
	</div>
	<div id="msg">已成功加入购物车！</div>

<!-- 购物车---------结束 -->







<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.fly.min.js"></script>
<!-- <script type="text/javascript" src="js/requestAnimationFrame.js"></script> -->
<script type="text/javascript" src="js/shopList.js"></script>


</body>
</html>